import { StyleSheet } from 'react-native'
export const common = StyleSheet.create({
  flexCol: {
    display: 'flex',
    flexDirection: 'row',
    alignItems: 'center',
  },
})

export function flexCol(style: any = {}) {
  return Object.assign({}, common.flexCol, style)
}
export function compose(...styles: any[]) {
  let style: any = styles.shift()
  while (styles.length > 0) {
    style = StyleSheet.compose(style, styles.shift())
  }
  return style
}
flexCol.default = common.flexCol
flexCol.spaceBetween = StyleSheet.compose(common.flexCol, {
  justifyContent: 'space-between',
})
